<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>test21</title>
		<style>
			body
			{
				background-color: teal;
				margin: 0;
			}
			#d1
			{
				width: 100vmin;
				margin: auto;
			}
			.date
			{
				width: 100%;
				height: auto;
				border: solid tomato 2px;
				background-color: palegreen;
				color: crimson;
				font-size: 5vmin;
				transition: 1s;
			}
			.date:active+.poetry
			{
				clip-path: inset(0 0 0 0);
				height: auto;
			}
			.date:checked+.poetry
			{
				clip-path: inset(0 0 0 0);
				height: auto;
			}
			.date:hover+.poetry
			{
				clip-path: inset(0 0 0 0);
				height: auto;
			}
			.poetry
			{
				height: 0;
				background-color: pink;
				font-size: 5vmin;
				color: seagreen;
				transition: 1s;
				clip-path: inset(0 0 100% 0);
			}
		</style>
	</head>
	<body>
		<div id="base">
			<div id="d1">
				<div class="date">2018.11.2</div>
				<div class="poetry">
					酒香满腔鼻，愁思随酒息。<br>
					可怜落叶洒满地，万丈飓风拖不起。<br>
					心落崖渊下，慵懒度灰暇。<br>
					只惜光辉随酒下，不敢期盼还剩下
				</div>
				<div class="date">2019.12.27</div>
				<div class="poetry">
					翼臂初展羽未丰，理想若龙破长空。<br>
					气容湖海载千舟，妄念似雾缠相融。<br>
					宏宇之殿座神州，山巅之上何其荣。<br>
					若问何日就今时，迟则露宿峡底洞。
				</div>
				<div class="date">2020.1.25</div>
				<div class="poetry">
					万象云团天衍成，兴衰存亡皆天意。<br>
					滴聚成云谁领头，云聚成群谁做衣。<br>
					谁言变幻乃天意，但谁可证非天机。<br>
					东南西北风千万，春夏秋冬云百亿。
				</div>
				<div class="date">2020.6.8</div>
				<div class="poetry">
					落花有意 流水无情
					愿许一生 待尔天晴
					陨雨云天 天漫虹绫
					未受陨击 安赏此景
					因此可得 爱是陷阱
					踏之尽身 脱之尽命
				</div>
				<div class="date">2020.7.15三人夜骑珠江</div>
				<div class="poetry">
					耳鬓滞夜声，江风削眼棱<br>
					掠影似飞灯，梭流至三更<br>
					醉言世尽朋，相怜叹今生<br>
					亡负故悲承，笑伴汗蒸腾<br>
					掠影似飞灯：影子掠过像是路灯在飞过<br>
					梭流：如梭般流<br>
					亡负故悲承：正序：亡故悲承负，<br>
					补省略：亡于故以悲承之负，<br>
					略解：在以前凭借悲伤支撑的负担下逃走。
				</div>
				<div class="date">2020.7.19</div>
				<div class="poetry">
					被驳失一脸，三言即掩埋。<br>
					沦落失一时，卷土又重来。<br>
					病灾失一肢，随心生精彩。<br>
					陨落失一世，只剩具骨骸。
				</div>
				<div class="date">2020.7.31三人登火炉山</div>
				<div class="poetry">
					暴雨雷鸣断骑行，过午云烟散尽晴。<br>
					拂绒带润轻牵发，汇雨积云勉削炎。<br>
					平湖半靠矗危崖，越林登山嗅植清。<br>
					脚踮峰顶半悬石，半市尽收眼中睛
				</div>
				<div class="date">2020.8.13</div>
				<div class="poetry">
					朝歌夜弦仰烂土，挥汗登极俯连云<br>
					阴泥窟洞食卑虫，长空无垠猎飞禽
				</div>
				<div class="date">2020.9.2</div>
				<div class="poetry">
					生于峡涧，梦之云崖
				</div>
				<div class="date">2020.9.7</div>
				<div class="poetry">
					半束柔光透寒窗，轻照粼光泪几行
				</div>
				<div class="date">2020.9.11</div>
				<div class="poetry">
					笔墨横飞，逸散环回
				</div>
				<div class="date">2020.10.22</div>
				<div class="poetry">
					未挣重云千丝缚，安敢成龙耀满天
				</div>
				<div class="date">2020.10.24</div>
				<div class="poetry">
					半岭回春霜带雪，蛇蝠暗洞隐蕴光
				</div>
				<div class="date">2020.11.15</div>
				<div class="poetry">
					尝醉败流阴谷涧，尝梦赢耀光巅顶<br>
					今醉无力随心用，更梦出云见光明
				</div>
				<div class="date">2020.12.4</div>
				<div class="poetry">
					恋心蕴久之，未敢表吾心<br>
					一片痴心坠爱河，却隔千山间万水<br>
					微风拂散发，观之美如画<br>
					欲以全心全生力，呼之我很喜欢你
				</div>
				<div class="date">2020.12.6</div>
				<div class="poetry">
					裁心弃爱念，覆手断心弦<br>
					悬纸警明朝，莫失心与魂
				</div>
				<div class="date">2020.12.13</div>
				<div class="poetry">
					幻梦鸿飞翼长空，只手仗剑临五洲<br>
					水聚成云拂天风，意聚成神算夤幽<br>
					于心无愧不后悔，破釜沉舟不留愁<br>
                    立志仗剑行九州，玉龙出鞘不再收
				</div>
				<div class="date">2020.12.20</div>
				<div class="poetry">
					悲吟天忧雨垂帘，三千米外单思系<br>
					低头浅叹水无情，举目更哀花有意<br>
					有幸尝接三两句，更实佳人无此情<br>
					阴雨稠云掩阳清，裁雨留虹照吾心
				</div>
			</div>
		</div>
	</body>
</html>